.middle {
  text-align:center;
  button {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-top: 10%;
    margin-bottom: 0;
    font-size: 20px;
  }
  @media screen and (min-width: 320px) and (max-width: 650px) {
    button{
      margin-bottom: 20px;
    }
  }
  @media screen and (min-width: 650px) and (max-width: 1240px) {
    button{
      margin-bottom: 0;
      margin-right: 50px;
    }
    button{
      margin-left:50px;
    }
  }
  @media screen and (min-width: 1240px) {
    button{
      margin-bottom: 0;
      margin-right: 50px;
    }
    button{
      margin-left:50px;
    }
  }
}